<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>自定义登录 - RBAC OAuth</title>
    <style>
        body { font-family: Arial, sans-serif; background: #f5f5f5; }
        .login-box { width: 300px; margin: 100px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        input { width: 100%; padding: 8px; margin: 8px 0; box-sizing: border-box; }
        button { width: 100%; padding: 10px; background: #007bff; color: white; border: none; cursor: pointer; }
        .error { color: red; }
    </style>
</head>
<body>
<div class="login-box">
    <h2>用户登录</h2>

    <!-- 错误信息 -->
    <div th:if="${param.error}" class="error">
        用户名或密码错误！
    </div>

    <!-- 登出成功提示 -->
    <div th:if="${param.logout}" class="info">
        您已成功退出。
    </div>

    <form th:action="@{/login}" method="post">
        <input type="text" name="username" placeholder="测试用户名" required autofocus />
        <input type="password" name="password" placeholder="测试密码" required />
        <button type="submit">登录</button>
    </form>
</div>
</body>
</html>